// pages/exam/exam.js
Page({
  /**
   * 页面的初始数据
   */
  data: {
    mode: 0,
    rlist: [],
    show: false,
    pageSize: 50,
    index: 0,
    gradientColor: {
      '0%': '#ffd01e',
      '100%': '#ee0a24',
    },
    value: 100,
    text: '50:00',
    timeSum: 3000,
    startTouch: 0,
    endTouch: 0
  },

  // 点击选项出现对应的题号
  itemClk(e) {
    let index = e.target.dataset.id
    this.setData({
      index: index
    })
  },

  // 向上滑 出现选项
  touchSatrt(e) {
    console.log(e.touches[0].clientY);

    this.setData({
      startTouch: e.touches[0].clientY
    })
  },


  // 向上滑 结束
  touchEnd(e) {
    console.log(e.changedTouches[0].clientY);
    this.setData({
      endTouch: e.changedTouches[0].clientY
    })
    if (this.data.startTouch - this.data.endTouch > 100) {
      this.setData({
        show: true
      })
    }

    if (this.data.endTouch - this.data.startTouch > 100) {
      this.onClose()
    }
  },

  /**
   * 随机获取50道题
   */
  getRandomList() {
    wx.request({
      url: 'http://localhost:2345/exercise/addtopic',
      method: 'get',
      success: (res) => {
        console.log(res);
        let data = res.data.data
        console.log(data);
        data.map(v => {
          v.options = JSON.parse(v.options)
          v.answers = JSON.parse(v.answers)
          v.userAnswers = []
          v.isRight = false
        })


        // for(let i=0;i<data.length;i++){
        //   data[i].userAnswers=[]
        //   data[i].isRight=null
        // }
        this.setData({
          rlist: res.data.data
        })
        // console.log(this.data.rlist);
      }
    })
  },

  /**
   * 生命周期函数--监听页面加载
   */

  onLoad: async function (options) {
    await this.getRandomList()
    // console.log(this.data.rlist);
  },

  // 下一题
  nextQuestion(e) {

    this.setData({
      index: e.detail,
    })
  },

  // 上一题
  upQuestion(e) {
    if (e.detail < 0) {
      return;
    }
    this.setData({
      index:e.detail,
    })
  },

  // 关闭popup
  closePopup() {
    this.setData({
      show: false
    })
  },

  // 展示选项
  showIndictor() {
    this.setData({
      show: true
    })
  },
  // 关闭 pop
  onClose() {
    this.setData({
      show: false
    })
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
    // 计时器
    let timer = setInterval(() => {
      let seconds = this.data.timeSum - 1;
      let value = Math.floor(seconds / 30);
      let text = `${ Math.floor (seconds/60) < 10 ? '0' + Math.floor (seconds/60):Math.floor (seconds/60) }  : ${ seconds % 60 < 10? '0' + seconds % 60 : seconds % 60}`;
      this.setData({
        value,
        text,
        timeSum: seconds
      })
    }, 1000)
    setTimeout(() => {
      clearInterval(timer);
    }, 3000000)
  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})